﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Datepicker.aspx.cs" Inherits="demo.Pages.Datepicker" %>

<%@ Register Assembly="Water" Namespace="Water.Web.Controls" TagPrefix="page" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <fieldset>
            <legend>方便易用的Datepicker</legend>
            <ul>
                <li>支持年月是否可选</li>
                <li>支持多月份显示</li>
                <li>支持多年份选择</li>
                <li>支持较多的选择事件</li>
                <li>Datepicker脚本来自于<a href="http://docs.jquery.com/UI/Datepicker" target="_blank">http://docs.jquery.com/UI/Datepicker</a> </li>
            </ul>
        </fieldset>
        <br />
        <page:Container ID="Container1" runat="server" TitleText="Datepicker">
            <ItemTemplate>
                <page:Datepicker ID="Datepicker1" runat="server" ChangeMonth="false" Prompt="年月不可改变" ChangeYear="False"></page:Datepicker>
                <page:Datepicker ID="Datepicker2" runat="server"  Prompt="多年份选择" YearRange="-30:+30"></page:Datepicker>
                <page:Datepicker ID="Datepicker3" runat="server" NumberOfMonths="3" Prompt="多月显示"></page:Datepicker>
                <page:Datepicker ID="Datepicker4" runat="server" ShowOtherMonths="false" Prompt="不显示其他月"></page:Datepicker>
                <page:Datepicker ID="Datepicker5" runat="server" OnSelect="select" OnClose="close" OnChangeMonthYear="changemonthyear" Prompt="事件"></page:Datepicker>
                <page:Datepicker ID="Datepicker6" runat="server" Prompt="普通"></page:Datepicker>
            </ItemTemplate>
        </page:Container>
    </div>
    </form>

    <script>
        function close(val) {
            alert("close:" + val);
        }
        function select(val) {
            alert("select:" + val);
        }
        function changemonthyear(val) {
            alert("changemonthyear:" + val);
        }
    
    
    </script>

</body>
</html>
